/**
 * Created by jiangtao on 16/4/30.
 */
//ie 下兼容 placeholder
(function($){
    var JPlaceHolder = {
        //检测
        _check : function(){
            return 'placeholder' in document.createElement('input');
        },
        //初始化
        init : function(){
            if(!this._check()){
                this.fix();
            }
        },
        //修复
        fix : function(){
            $(':input[placeholder]').each(function(index, element) {
                var self = $(this), txt = self.attr('placeholder');
                self.wrap($('<div></div>').css({
                    position:'relative',
                    zoom:'1',
                    border:'none',
                    background:'none',
                    padding:'none',
                    margin:'none'}));
                var pos = self.position(),
                    h = self.outerHeight(true),
                    paddingleft = self.css('padding-left');
                var holder = $('<span></span>').text(txt).css({
                    position:'absolute',
                    left:pos.left,
                    top:pos.top,
                    height:h,
                    lineHeight:h + 'px',
                    paddingLeft:paddingleft,
                    color:'#aaa'
                }).appendTo(self.parent());
                self.focusin(function(e) {
                    holder.hide();
                }).focusout(function(e) {
                    if(!self.val()){
                        holder.show();
                    };
                });
                holder.click(function(e) {
                    holder.hide();
                    self.focus();
                });
            });
        }
    };
    JPlaceHolder.init();
})(jQuery);
(function(){
    var dom = $('body');
    //table联动
    (function(){
        $('*[data-toggle="tab"]').hover(selectTable,outFun);
        function selectTable(){
            var self = this;
            $('*[data-toggle="tab"]').each(function(index,dom){
                if(self == dom){
                    $(dom).addClass('active');
                    $(dom).find('.scoend-list').addClass('show');
                } else {
                    $(dom).removeClass('active');
                    $(dom).find('.scoend-list').removeClass('show');
                };
            });
        };
        function outFun(){
            $(this).find('.scoend-list').removeClass('show');
        };
    })();

    (function(){
        dom.on('click','.all-server-nav li',selectItem);
        function selectItem(){
            var self = this;
            $('.all-server-nav li').each(function(index,dom){
                if(self == dom) {
                    $(this).addClass('active');
                } else {
                    $(this).removeClass('active');
                };
            });
        };
    })()
})();